@import "./public.css";

#head {
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    font-size: .18rem;
    background: skyblue;
    display: flex;
}
#head .back {
    width: .6rem;
    height: .6rem;
}
#head .title {
    flex: 1;
}
#head .home {
    height: .6rem;
    width: .6rem;
}

#main {
    flex: 1;
    background: #eee;
    font-size: .16rem;
    overflow-y: auto;
}
#main ul {
    list-style: none;
}
#main ul li {
    margin-bottom: .1rem;
}
#main ul li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}
li .other{
    float: left;
}
li .self{
    text-align: right;
    float: right;
}
li .other h3 {
    margin-left: .1rem;
}
li .self h3 {
    margin-right: .1rem;
}
li p {
    display: inline-block;
    padding: .05rem .1rem;
    border-radius: .08rem;
    background: #fff;
    margin: 0 .1rem;
    line-height: .2rem;
}


#footer {
    height: .6rem;
    background: skyblue;
    display: flex;
    align-items: center;
}
#footer input,#footer button{
    height: .4rem;
    border-radius: .2rem;
    border: none;
    outline: none;
    font-size: .15rem;
}
#footer input{
    background: #fff;
    flex: 4;
    margin-left: .1rem;
    padding-left: .1rem;
}
#footer button {
    flex: 1;
    background: #eee;
    margin: .1rem;
}